<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title"><a href="{{ route('piggy-banks.index') }}" title="{{ 'piggyBanks'|_ }}">{{ 'piggyBanks'|_ }}</a></h3>

    </div>
    <div class="box-body">
        {% for entry in info %}
            <strong>{{ entry.name }}</strong><br/>
            <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="{{ entry.percentage }}" aria-valuemin="0" aria-valuemax="100"
                     style="width: {{ entry.percentage }}%;">
                    {% if entry.percentage >=20 %}{{ entry.amount|formatAmountPlain }}{% endif %}
                </div>
                {% if entry.percentage < 20 %}&nbsp;{{ entry.amount|formatAmountPlain }}{% endif %}
            </div>
        {% endfor %}
    </div>
    <div class="box-footer">
        <a href="{{ route('piggy-banks.index') }}" class="btn btn-default button-sm"><span
                    class="fa fa-download"></span> {{ 'go_to_piggies'|_ }}</a>
    </div>
</div>
